<template>
  <div class="app-container">
    <Sidebar />
    <main class="content">
      <router-view />
    </main>
  </div>
</template>

<script setup lang="ts">
import Sidebar from '@/components/layout/Sidebar.vue'
</script>

<style lang="scss">
@import '@/styles/main.scss';

.app-container {
  display: flex;
  min-height: 100vh;
}

.content {
  flex: 1;
  margin-left: var(--sidebar-width);
  padding: 1.5rem;
  min-height: 100vh;
  width: calc(100% - var(--sidebar-width));
  background: #f4f6fa;
}
</style>
